{%include "topo_180plus.html"%}
	<div id="principal">
		<div id="meio">
			<div id="conteudo">
				{%include "header.html"%}
				<div id="box_perfil ">
					<div id="box_perfil_esquerda">
					{{quantidadeSub}}
						<ul>
							<li class="cat_titulo"><h4>SubCategorias</h4></li>
							{%for ListagemSubCategoria in subcategorias%}
								{%for quantiCada in quantidadeSub%}
									{%if forloop.counter == forloop.parentloop.counter%}
										<li><a href="/listar/{{categoria_id}}/{{ListagemSubCategoria.id}}">{{ListagemSubCategoria.nome}}</a><span>{{quantiCada}}</span></li>
									{%endif%}
								{%endfor%}
							{%endfor%}
						</ul>
						<ul>
							<li class="cat_titulo"><h4>Key-words</h4></li>
							{%for tagBus in tags%}
							<li><a href="/busca/?busca={{tagg}}&tipo={{tipo}}&categoria_id={{categoria_id}}&subcategoria_id={{subcategoria_id}}&tagbusca={{tagBus}}">{{tagBus}}</a></li>
							{%endfor%}
						</ul>
						<ul>
							<li class="cat_titulo"><h4>Localizacao</h4></li>
							{%for cidade in cidades%}
							<li><a href="/busca/?busca={{tagg}}&tipo={{tipo}}&categoria_id={{categoria_id}}&subcategoria_id={{subcategoria_id}}&tagbusca={{tagBus}}&cidade={{cidade}}">{{cidade}} - {{cidade.get_estado_display}}</a></li>
							{%endfor%}
						</ul>
						<ul>
							<li class="cat_titulo"><h4>Preco</h4></li>
							<li><a href="/busca/?busca={{tagg}}&tipo={{tipo}}&categoria_id={{categoria_id}}&subcategoria_id={{subcategoria_id}}&max=900.00">ate R$ 900,00</a></li>
							<li><a href="/busca/?busca={{tagg}}&tipo={{tipo}}&categoria_id={{categoria_id}}&subcategoria_id={{subcategoria_id}}&min=901.00&max=1099.99">R$ 901,00 a R$ 1.099,99 </a></li>
							<li><a href="/busca/?busca={{tagg}}&tipo={{tipo}}&categoria_id={{categoria_id}}&subcategoria_id={{subcategoria_id}}&min=1200.00&max=1500.99">R$ 1.200,00 a R$ 1.499,99</a></li>
							<li><a href="/busca/?busca={{tagg}}&tipo={{tipo}}&categoria_id={{categoria_id}}&subcategoria_id={{subcategoria_id}}&min=1500.00">R$ 1.500,00 ou mais</a></li>
							<li><form accept-charset="utf-8" method="get" action="/busca/" name="busca-padrao">
							<input type="hidden" name = "busca" value = "{{tagg}}"> </input>
							<input type="hidden" name = "tipo" value = "{{tipo}}"> </input>
							<input type="hidden" name = "categoria_id" value = "{{categoria_id}}"> </input>
							<input type="hidden" name = "subcategoria_id" value = "{{subcategoria_id}}"> </input>
							<input type="text" name = "min" value="Min." style="border:1px solid #000;border-radius: 2px;width: 65px;margin: 0 5px 0 0;">
							<input type="text" name="max" value="Max." style="border:1px solid #000;border-radius: 2px;width: 65px;"><input type="submit" value="OK" style="width:30px;margin: 0 0 0 5px;">
							</form></li>
						</ul>
						<ul>
							<li class="cat_titulo"><h4>Tipo</h4></li>
							<li><a href="/busca/?busca={{tagg}}&tipo=0&categoria_id={{categoria_id}}&subcategoria_id={{subcategoria_id}}">Novo</a></li>
							<li><a href="/busca/?busca={{tagg}}&tipo=0&categoria_id={{categoria_id}}&subcategoria_id={{subcategoria_id}}">Usado </a></li>
						</ul>
						<div class="ads_lateral">
						
						</div>
					</div>
					<div id="box_perfil_direita" class="box_listagem">
						<div class="perfil_inf">
							<div class="nav_lista">
								<h4>Encontramos <em>{{quantidadeCategoria}}</em> an&uacute;ncios em <strong>{{categoria.nome}}</strong> - Piau&iacute;</h4>
							</div>
							<div class="sec_adsense">
							
							</div>
							<div class="nav_lista">
								<div class="num_resultados"><p>{{anunciosCategoria.start_index}} de <strong>{{anunciosCategoria.end_index}}</strong><p></div>
								<!-- div class="box_ordenar">
									<p>Ordenar por:
										<select>
											<option value="1" selected>Melhor Resultado</option>
											<option value="2">Menor preco</option>
											<option value="3">Maior preco</option>
											<option value="4">Mais Vistos</option>
											<option value="5">Mais Recentes</option>
											<option value="5">Mais Antigos</option>
										</select>												
									</p>
								</div> -->
							</div>
							<ul class="box_anuncios listagem">
								{%for listagemAnuncio in anunciosCategoria.object_list|slice:"0:10"%}
								<li class="linha  b_anuncios">
									<a class="img_anuncio" href="/anuncio/{{listagemAnuncio.id}}" ><img src="{{MEDIA_URL}}/{{listagemAnuncio.foto}}"/></a>
									<div class="box_descricao">
										<div>
											<a class="nome_prd" href="/anuncio/{{listagemAnuncio.id}}">{{listagemAnuncio.descricao}}</a>
											{%load filtros%}
											<span class="preco">R$ {{listagemAnuncio.preco|formata}}
											</span>
										</div>
										<p>Produto {{listagemAnuncio.tipo.get_tipo_display}}</p>
										<p>{{listagemAnuncio.cidade.get_estado_display}}</p>
				                        <p><span class="icon user_icon"></span><a href="/perfil/{{listagemAnuncio.usuario.id}}">{{listagemAnuncio.usuario.nome}}</a></p>	
									</div>
								</li>
								{%endfor%}
							</ul>
						</div>
						<div class="sec_control">
							{% if anunciosCategoria.has_previous %}
							<div class="prx">							
								<a href="?page={{ anunciosCategoria.previous_page_number }}" title="Portal 180graus" >&lt;&lt; Anterior</a>
							</div>
							{%endif%} 
							<div class="box_control">
								<a href="#" title="Portal 180graus" >{{ anunciosCategoria.number }}</a> 
							</div>
							{% if anunciosCategoria.has_next %}
							<div class="prx">
								<a href="?page={{ anunciosCategoria.next_page_number }}" title="Portal 180graus" >Proximo &gt;&gt;</a>
							</div>
							{%endif%} 
						</div>
					</div>
				</div>
			</div>
		</div>	
		<div id="publicidade">
			<div class="publicidade_link">
				{%for gigante in publicidadeGigante%}
				<a href="{{gigante.url}}" title="Publicidade 3" ><img src="{{MEDIA_URL}}{{gigante.thumbnail}}">Publicidade 3</a>
				{%endfor%}  
			</div>
		</div>
	</div>
	{%include "rodape_regioes.html"%}
</body>
</html>